<template>
  <div class="login-desc">
    <Back :title="title" @on-back="toggle"></Back>
    <div class="content mt-25">
      <!--输出富文本的内容 -->
      <div v-html="data"></div>
    </div>
  </div>
</template>
<script>
export default {
  name: "LoginDesc",
  props: {
    title: String,
    data: [String, Boolean]
  },
  methods: {
    toggle() {
      this.$emit("on-return");
    }
  }
};
</script>
<style lang="stylus" scoped>
.login-desc {
  transform: rotateY(-180deg)
}
/* *  【CSS3】自定义滚动条样式 -webkit-scrollbar https://www.cnblogs.com/yujihang/p/6959224.html
 */
.content {
  height: calc(100% - 64px)
  max-height: 540px
  overflow: auto
  letter-spacing: 0
  text-align: justify
  padding: 0 12px 0 0
  word-wrap: break-word
}
</style>